<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>往日回顾</title>
    <style>
        #back{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 30px;
            background-color: blanchedalmond;
            background-size: 100%;
            text-align: center;
            z-index: 20;
            line-height: 30px;
        }
        a{
            font-family: "华文琥珀";
            font-size: 24px;
            color: coral;
            text-align: center;
        }
        .bg{
            background-image: url(img/b2.jpg);
            background-size: 100%;
            position: absolute;
            top: 30px;
            left: 0;
            width: 100%;
            height: auto;
            margin: 0 auto;
        }
        .top{
            width: 100%;
            height: 120px;
            line-height: 120px;
            text-align: center;
            font-family: "华文彩云";
            font-size: 100px;
            color: brown;
            background-image: url(img/bg.jpg);
            background-size: 50%;
        }
        p{
            line-height: 44px;
            font-size: 38px;
            color: black;
            font-family: "楷体";
            margin: right;
            text-indent: 2em;
        }
        .d1{
            float: left;
            width: 50%;
            height: 700px;
            margin: left;
        }
        .d2{
            float: left;
            width: 50%;
            height: 700px;
            margin: 0 auto;
            text-align: left;
        }
        .d3{
            float: right;
            width: 50%;
            height: 700px;
            margin: 0 auto;
        }
        .d4{
            float: left;
            width: 50%;
            text-align: left;
            height: 700px;
        }
        .d5{
            float: left;
            width: 50%;
            height: 700px;
            margin: left;
        }
        .d6{
            float: right;
            width: 50%;
            height: 700px;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <div id="back">
        <a href="index.html">返回首页</a>
    </div>
    <div class="bg">
        <div class="top">
            往日回顾
        </div>
        <div class="d1">
            <img src="img/tg.jpg" width="100%" height="100%" >
        </div>
        <div class="d2">
        <p>
            志愿者们通过回收一些大家买前心水，买后闲置的物品，并捐给有需要的人。让错位的资源归位。以废物回收活动唤醒同学们的环保意识 
            让青春在志愿服务中飞扬！让我们共同期待下一次志愿活动吧!</p>
        </div>
        <div class="d3">
            <img src="img/jl.jpg" width="100%" height="100%">
        </div>
        <div class="d4">
            <p>自古以来尊老爱幼就是我们中华民族的优良传统,在这个经济繁荣的时代里,中年一代的人们工作繁忙,无暇顾及身边的老人。因此，社会上内心孤独无依的老人不在少数。作为新时代的大学生和青年志愿者，我们有义务承担起尊老敬老的社会责任,继续发扬此传统美德。</p>
<p>为引导、加强我院青年志愿者的为人民服务的快乐感和满足感,学会关心长辈、为大学生树立尊老敬老的榜样、培养承担社会责任的信念。特此，数信学院恒心志愿者协会联袂舞蹈协会举办了本次敬老院献爱心活动。</p>  
        </div>
        <div class="d5">
            <img src="img/l.jpg." width="100%" height="100%" alt="图片丢失">
        </div>
        <div class="d6">
            <p>减碳节排，守护绿水青山，保护生态环境，共同建设美丽新家园。
                为了响应国家号召，促进校园绿色文化的传播、文明校园的创建、环保知识的普及进而引导广大师生建立爱绿护绿的意识，我们将举行学习垃圾分类，清理部分学校垃圾志愿者活动。</p>
                <p>学习垃圾分类知识，实践垃圾分类回收，传播垃圾分类正能量</p>
        </div>
    </div>
</body>
</html>